.web {
  margin: 0 auto;
  width: 1000px;
}

.about-us {
  padding: 26px 50px 0px;
  background-color: #fafafa;
}

.about-us-title {
  margin: 0 auto 20px;
  width: 145px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.about-us-title>legend {
  /* margin: 0 auto; */
  font-size: 24px;
  /* font-weight: bold; */
}

.about-content {
  font-size: 0;
}

.about-content>li {
  padding-top: 18px;
  display: inline-block;
  margin-right: 20px;
  width: 268px;
  height: 319px;
  background-color: #f2f2f2;
  vertical-align: top;
}

.about-content>li:nth-child(2) {
  width: 322px;
}

.about-content>li:last-child {
  margin-right: 0px;
}

.item-logo {
  margin-bottom: 16px;
  text-align: center;
}

.item-title {
  font-size: 16px;
  font-weight: bold; /*800*/
  text-align: center;
  line-height: 22px;
  letter-spacing: 4px;
}

.item-content {
  padding: 0 10px;
  font-size: 12px;
  color: #838383;
  letter-spacing: 2px;
  line-height: 24px;
  text-align: justify;/*两端对齐，最后一行不受影响。*/
}

.friendship {
  margin: 0 auto;
  width: 896px;
  height: 304px;
  background-image: url(../assets/images/friendship.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.mask-layer {
  padding-top: 20px;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
}

.fsp {
  margin: 0px auto 20px;
  width: 145px;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-color: #6db6ff;
  border-style: solid;
}

.fsp>legend {
  font-size: 24px;
}

.fsp-content {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;/*水平对齐，两端对齐*/
  align-items: center;/*垂直对齐*/
}

.fsp-content>li {
  /* display: inline-block; */
}

.fsp-content>li:first-child,.fsp-content>li:last-child {
  width: 37px;
  height: 69px;
  background-color: rgba(0,0,0,.4);
  text-align: center;
  line-height: 69px;
}
.fsp-content>li>img {
  vertical-align: middle;
}

footer>.information {
  padding: 44px 50px 24px;
}

footer>.information>.footer-item {
  margin-right: 50px;
  display: inline-block;
  vertical-align: top;
}

footer>.information>.footer-item>li {
  margin-bottom: 10px;
  font-size: 12px;
}

footer>.information>.footer-item>li:first-child {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 27px;
}

.qr-code {
  display: inline-block;
  /* height: 99px; */
  vertical-align: top;
}

.qr-code-first {
  /* height: 48px; */
  
}

.qr-code-first>.first {
  display: inline-block;
  vertical-align: top;
}
